<div class="c">
    
</div>
            
                
                  
               
           
                    

<script>
    $(function(){
        var options = {
            url : "./json/index.json"
        };
        $.ajax( options )
        .then( function(res){
            render( res.datas);
        })

        function render( list ){
            $(".c").html(
                
                list.map((item , index ) => `
                <div class="universet">
                <div class="un-top">
                <h2 class="un-top-h2"><span>${item.title}</span></h2>
                    <p class="un-p">${item.text}</p>
                    <div class="un-cen"><a>
                        <img src="${item.image1}" alt="">
                        <p class="un-cen-p">${item.t1}</p>
                    </a></div>
                    <ul class="un-ul">
                        <li class="un-li">
                            <a class="un-li-a">
                                <img src="${item.image2}" alt="">
                                <p class="un-li-p">${item.t2}</p>
                            </a>
                        </li>
                        <li class="un-li">
                            <a class="un-li-a">
                                <img src="${item.image3}" alt="">
                                <p class="un-li-p">${item.t3}</p>
                            </a>
                        </li>
                        <li class="un-li">
                            <a class="un-li-a">
                                <img src="${item.image4}" alt="">
                                <p class="un-li-p">${item.t4}</p>
                            </a>
                        </li>
                        <li class="un-li">
                            <a class="un-li-a">
                                <img src="${item.image5}" alt="">
                                <p class="un-li-p">${item.t5}</p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
                `).join(""),
               
            ) 
            
        }   
    })



</script>